<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>星火应用商店</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="./res/static/img/dalogo.png" />
    <link rel="stylesheet" href="//www.layuicdn.com/layui-v2.5.6/css/layui.css">
    <link rel="stylesheet" href="./res/static/css/index.css">
    <link href="https://cdn.jsdelivr.net/npm/quasar@1.13.1/dist/quasar.min.css" rel="stylesheet" type="text/css">
    <script async src="./res/static/js/header.js"></script>
  </head>
  <body>
    <div id="page">
      <!-- nav部分 -->
      <div class="nav">
        <div class="layui-container">
          <!-- logo -->
          <div class="nav-logo">
            <a href="index.html">
              <img src="./res/static/img/slogo.png" alt=""> <!-- 占位用，实际不显示 -->
              <h1>{{language.星火应用商店}}</h1>
              <img src="./res/static/img/slogo.png" alt=""> <!-- 实际显示的图案，和上面的样式不一样，详见index.css -->
            </a>
          </div>
          <q-btn color="primary" :label="language.codes[language.code]" class="languageButton">
            <q-menu content-class="languageMenu" fit anchor="bottom right" self="top right">
              <q-list style="min-width: 100px">
                <q-item clickable v-for="(value, name) in language.codes" @click="changeLanguage(name)">
                  <q-item-section>{{value}}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
          <div class="nav-list">
            <button>
              <span></span><span></span><span></span>
            </button>
            <ul class="layui-nav" :lay-filter="language.星火应用商店">
              <li class="layui-nav-item layui-this"><a href="index.html">{{language.首页}}</a></li>
              <li class="layui-nav-item"><a href="download.html">{{language.下载}}</a></li>
              <li class="layui-nav-item"><a href="https://www.deepinos.org">{{language.用户反馈}}</a></li>
              <li class="layui-nav-item"><a href="https://www.deepinos.org">{{language.产品博客}}</a></li>
              <li class="layui-nav-item"><a href="about.html">{{language.关于我们}}</a></li>
              <div>{{language.codes[language.code]}}</div>
            </ul>
          </div>
        </div>
      </div>
      <!-- banner部分 -->
      <div class="Picpage">
        <video autoplay loop muted poster="./res/static/img/index/media1.gif" class="background" src="./res/static/img/index/media1.mp4"></video>
        <img class="version" src="./res/static/img/index/2.png" alt="">
        <p class="name">{{language["Spark Store"]}}</p>
        <p class="intro">{{language.Debian系发行版的专属应用商店}}</p>
        <div class="demoView">
          <p class="slogan">{{language["全新设计 · 为你而来"]}}</p>
        </div>
        <a href="download.html" class="goDown">{{language.立即前往下载}}</a>
        <div class="decoration">
          <img src="./res/static/img/index/5.png" alt="">
          <img src="./res/static/img/index/6.png" alt="">
        </div>
      </div>
      <!-- main部分 -->
      <!-- <a href="about.html" target="_blank" :title="language.了解我们"><img src="./res/static/img/1.png" width="100%"></a>
      <a href="url"></a><img src="./res/static/img/2.png" width="100%">
      <a href="download.html" target="_blank" :title="language.下载客户端"><img src="./res/static/img/3.png" width="100%"></a> -->
      <!-- main部分 -->
      <div class="main-product">
        <div class="layui-container">
          <a href="url"></a>
          <p class="title">{{language.应用丰富}}</span></p>
          <div class="layui-row layui-col-space25">
            <!-- <div class="layui-col-sm6 layui-col-md3">
              <div class="content">
                <div><img src="./res/static/img/Big_icon1.png"></div>
                <div>
                  <p class="label">{{language.视频播放}}</p>
                  <p></p>
                </div>
              </div>
            </div> -->
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon1.1.png"></div>
                <div>
                  <p class="label">{{language.音乐欣赏}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon2.png"></div>
                <div>
                  <p class="label">{{language.办公学习}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon3.png"></div>
                <div>
                  <p class="label">{{language.编程开发}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <!-- <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon4.png"></div>
                <div>
                  <p class="label">{{language.网络应用}}</p>
                  <p></p>
                </div>
              </div>
            </div> -->
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon5.png"></div>
                <div>
                  <p class="label">{{language.游戏娱乐}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon6.png"></div>
                <div>
                  <p class="label">{{language.社交沟通}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon7.png"></div>
                <div>
                  <p class="label">{{language.图片图像}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <!-- <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon2.png"></div>
                <div>
                  <p class="label">{{language.阅读翻译}}</p>
                  <p></p>
                </div>
              </div>
            </div> -->
            <!-- <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon3.png"></div>
                <div>
                  <p class="label">{{language.系统工具}}</p>
                  <p></p>
                </div>
              </div>
            </div> -->
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon10.png"></div>
                <div>
                  <p class="label">{{language.主题美化}}</p>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
              <div class="content">
                <div><img src="./res/static/img/Big_icon11.png"></div>
                <div>
                  <p class="label">{{language.其他应用}}</p>
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- footer部分 -->
      <footer>
        <p class="contact-bottom">
          <a href="download.html">{{language.下载商店}}</a> | 
          <a href="about.html">{{language.关于我们}}</a>
        </p>
        <p class="friend-link">
          <a href="//bbs.deepin.org/" rel="noopener" target="_blank">{{language.深度科技论坛}}</a> | 
          <a href="//bbs.chinauos.com/" rel="noopener" target="_blank">{{language.统信UOS社区}}</a> | 
          <a href="//www.deepinos.org/" rel="noopener" target="_blank">{{language.DOSU社区}}</a> | 
          <a href="//quickso.cn/" rel="noopener noreferrer nofollow" target="_blank">{{language.quickSo}}</a>
        </p>
        <p class="contact-bottom">&copy; 2020-2021 {{language.星火应用商店}}</p>
        <div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=www.spark-app.store','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/2x/seal.svg?domain=www.spark-app.store" alt="TrustAsia 安全签章" style="width: 150px;height: auto; cursor: pointer"></div>
      </footer>
    </div>
    <script src="//www.layuicdn.com/layui-v2.5.6/layui.js"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/quasar@1.13.1/dist/quasar.umd.min.js"></script>
    <script src="./res/static/js/main.js"></script>
  </body>
</html>


